<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>国艺文津官网</title>
  <link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="styles/common.css">
  <link rel="stylesheet" href="styles/index.css">
  <link rel="stylesheet" href="styles/animate.css">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>

<body>
  <!--	href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"-->


  <!--nav star-->
  <nav class="nav nav-wrapper wow slideInDown animated" style="visibility: visible; animation-name: slideInDown;">
    <div class="container none-padding-right">
      <div class="navbar-header clearfix">
        <div class="index-logo">
          <a href="index.html"><img id="logo" src="images/logo.png"></a>
        </div>
        <button class="navbar-toggle index-navbar-toggle pull-right" data-toggle="collapse"
          data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
      </div>
      <div class=" navbar-collapse collapse  index-ul-warpper none-padding-right">
        <ul class="navbar-nav nav  nav-ul">
          <li class="active"><a href="index.html" class="a-wrapper">首页</a></li>
          <li class="dropdown">
            <a class="a-wrapper" href="news.html" id="dropdownMenu1">新闻中心</a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
              <li role="presentation">
                <a class="dropdownA" role="menuitem" tabindex="-1" href="news.html#0">公司新闻</a>
              </li>
              <li role="presentation">
                <a class="dropdownA" role="menuitem" tabindex="-1" href="news.html#1">行业动态</a>
              </li>
            </ul>
          </li>
          <li class="dropdown">
            <a class="a-wrapper" href="technica.html" id="dropdownMenu2">产品服务</a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2">
              <li role="presentation">
                <a class="dropdownA" role="menuitem" tabindex="-1" href="technica.html#0">技术支撑</a>
              </li>
              <li role="presentation">
                <a class="dropdownA" role="menuitem" tabindex="-1" href="technica.html#1">运营支撑</a>
              </li>
            </ul>
          </li>
          <li>
            <a class="a-wrapper" href="case.html">典型案例</a>
          </li>
          <li class="dropdown">
            <a class="a-wrapper" href="about.html" id="dropdownMenu3">关于我们</a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu3">
              <li role="presentation">
                <a class="dropdownA" role="menuitem" tabindex="-1" href="about.html#0">公司简介 </a>
              </li>
              <li role="presentation">
                <a class="dropdownA" role="menuitem" tabindex="-1" href="about.html#1">资质荣誉</a>
              </li>
              <li role="presentation">
                <a class="dropdownA" role="menuitem" tabindex="-1" href="about.html#2">合作伙伴</a>
              </li>
              <li role="presentation">
                <a class="dropdownA" role="menuitem" tabindex="-1" href="about.html#3">联系我们</a>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <!--nav end-->
  <section class="index-content">
    <div class="container">
      <div class="content-wrapper">
        <div class="content">
          <img src="images/index-1.png" class="img-responsive wow fadeInLeft animated" data-wow-delay="0.5s"
            style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInLeft;width:200px;">
          <h4 class="title wow fadeInRight animated" data-wow-delay="0.5s"
            style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInRight;">弘扬传统文化，打造优质内容服务提供商</h4>
          <p class="wow fadeInRight animated" data-wow-delay="0.5s"
            style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInRight;">
            以“内容+渠道+平台+用户”生态链为中心，
          </p>
          <p class="wow fadeInRight animated" data-wow-delay="0.5s"
            style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInRight;">
            为用户提供精彩的文化传媒服务及体验
          </p>
        </div>
      </div>

    </div>
  </section>
  <!--footer star-->
  <footer class="index-footer wow fadeIn animated index" data-wow-delay="1s"
    style="visibility: visible; animation-delay: 1s; animation-name: fadeIn; padding: 20px 0;">
    <div class="container">
      <p class="text-center">
        <a href="/news.html">新闻中心</a>
        <a href="/technica.html">产品服务</a>
        <a href="/about.html#0">关于公司</a>
        <a href="/about.html#3">联系我们</a>
      </p>
      <p class="text-center">
        <a href="https://beian.miit.gov.cn/#/Integrated/recordQuery" target="_blank">
          备案号：鄂ICP备20008738号-1
        </a>
      </p>
      <p class="text-center">©2020 国艺文津新媒体科技(北京)有限公司版权所有</p>
    </div>
  </footer>
  <!--footer end-->
  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
        <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
      <![endif]-->



  <script src="plugins/jquery/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="plugins/bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="javascripts/markdown-it.min.js"></script>
  <script src="javascripts/index.js" type="text/javascript" charset="utf-8"></script>
</body>
<script>
  $("li.dropdown")
    .mouseover(function () {
      $(this).addClass("open");
    })
    .mouseout(function () {
      $(this).removeClass("open");
    });
</script>

</html>